<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="app" style="font-size: 23px; color: red;">
  姓名：{{ name }}
  年龄：{{ age }}
  性别：{{ gender }}
  <p style="color: red; font-size: 23px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem neque
    nihil quibusdam?
    Ad at dolor dolore
    eligendi in inventore iste minima molestias nam nihil nisi numquam, praesentium quod reiciendis velit.</p>
  <div class="container">
    <div class="banner">
      <h3>hello world</h3>
    </div>
  </div>
</div>
<script src="dist/umd/vue.min.js"></script>
<script>
  const vm = new Vue({
    el: '#app',
    data: {
      name: 'gengwenhao',
      age: 26,
      gender: 'male'
    }
  })
</script>
</body>
</html>
